
<script>
    $(function() {
      
        
//        $('input[type="checkbox"]').ezMark({
//                                        checkboxCls: 'ez-checkbox-green' ,
//                                        checkedCls: 'ez-checkbox-green'
//        });
        $(".accordion").accordion();
//        alert("mobile: " + $.browser.mobile)
//        if ($.browser.mobile == false) 
//        {
//                $("#ciudades").dropkick({
//                                    change: function (value, label) {
//                                                $("#ciudad_value").html(label);
//                                                var location = geocodeDireccion(label);
//                                            }
//                                    });
//
//                $("#modelos").dropkick({
//                                    change: function (value, label) {
//                                                $("#modelo_value").html(label);
//                                            }
//                                    });
//                            // $("label#ciudad_value").html($(".default").dropkick("value"));                    
//        }
        
	$( "#slider_radio" ).slider({
                //			values:['Todas','0.5','1','5','10','20','50','100'],
                                        range:"min",
                                        value:100,
                                        min: 0,
                                        max: 500,
                                        step: 50,
                                        slide: function( event, ui ) {
                                                $( "#radio_value" ).html( ui.value + "km" );
                                        }
		});
                
                
        $( "#radio_value" ).html( $("#slider_radio").slider("value") + "km" );
        
        
        $( "#slider_precio" ).slider({
                                        range: true,
                                        min: 0,
                                        max: 500,
                                        values: [ 75, 300 ],
                                        slide: function( event, ui ) {
                                                $( "#precio_value" ).html( ui.values[ 0 ] + " € - " + ui.values[ 1 ] + " €");
                                        }
                                });
              
        $("#various2").fancybox();      

        $("#new_elem").fancybox();      
              
    });
    
    
     
</script>




<div id="caja_menu" class="accordion">
	
        <h3><a href="#">Filtro</a></h3>
            <ul id="caja_filtro">
                  
                  
                
                    
                     <!-- Desplegable Modelos -->
                    <li>

                        <label class="titulo">Modelos:</label> 
                        <label id="modelo_value"></label>

                        <select name="modelos" id="modelos" tabindex="2">
                                <option value="">- selecciona -</option>
                                <option value="4">Todos</option>              
                        </select>   
                    </li>

                    
                     <!-- Desplegable ciudades -->

                    <li>

                        <label class="titulo">Ciudad:</label> 
                        <label id="ciudad_value"></label>

                        <select name="provincia" id="ciudades" tabindex="2">
                                <option value="">- selecciona -</option>
                                <option value="15">A coru&#241;a</option>
                                <option value="1">&#193;lava</option>
                                <option value="2">Albacete</option>
                                <option value="3">Alicante</option>
                                <option value="4">Almer&#237;a</option>
    <!--                                <option value="33">Asturias</option>-->
                                <option value="5">&#193;vila</option>
                                <option value="6">Badajoz</option>
                                <option value="7">Baleares</option>
                                <option value="8">Barcelona</option>
                                <option value="9">Burgos</option>
                                <option value="10">C&#225;ceres</option>
                                <option value="11">C&#225;diz</option>
    <!--                                <option value="39">Cantabria</option>-->
                                <option value="12">Castell&#243;n</option>
                                <option value="51">Ceuta</option>
                                <option value="13">Ciudad Real</option>
                                <option value="14">C&#243;rdoba</option>
                                <option value="16">Cuenca</option>
                                <option value="99">Extranjero</option>
                                <option value="17">Girona</option>
                                <option value="18">Granada</option>
                                <option value="19">Guadalajara</option>
                                <option value="20">Guip&#250;zcoa</option>
                                <option value="21">Huelva</option>
                                <option value="22">Huesca</option>
                                <option value="23">Ja&#233;n</option>
    <!--                                <option value="26">La rioja</option>-->
                                <option value="35">Las palmas</option>
                                <option value="24">Le&#243;n</option>
                                <option value="25">Lleida</option>
                                <option value="27">Lugo</option>
                                <option value="28">Madrid</option>
                                <option value="29">M&#225;laga</option>
                                <option value="52">Melilla</option>
                                <option value="30">Murcia</option>
    <!--                                <option value="31">Navarra</option>-->
                                <option value="32">Ourense</option>
                                <option value="34">Palencia</option>
                                <option value="36">Pontevedra</option>
                                <option value="37">Salamanca</option>
                                <option value="38">Santa cruz de tenerife</option>
                                <option value="40">Segovia</option>
                                <option value="41">Sevilla</option>
                                <option value="42">Soria</option>
                                <option value="43">Tarragona</option>
                                <option value="44">Teruel</option>
                                <option value="45">Toledo</option>
                                <option value="46">Valencia</option>
                                <option value="47">Valladolid</option>
                                <option value="48">Vizcaya</option>
                                <option value="49">Zamora</option>
                                <option value="50">Zaragoza</option>
                        </select>   
                    </li>                  
                    
                    
                     <!-- Slider kilometros -->

                    <li>

                        <label class="titulo">Radio: </label> 
                        <label id="radio_value"></label>

                        <div id="slider_radio" style="margin: 5px 0px 5px 0px;"></div>

                    </li>
                    
                    
                    <!-- Slider precio -->

                    <li>

                        <label class="titulo">Precio: </label> 
                        <label id="radio_value"></label>
                        <br>
                        <div id="slider_precio" style="margin: 5px 0px 15px 0px;"></div>

                    </li>

                    
                    
                    
                    <!-- Checkbox centrado manual -->
                    <li>
                        <label class="titulo">Nueva electrolinera: </label> 
                        <label id="centrar_value"></label>
                        <br>
                        <input type="checkbox" name="check_add_elem" id="check_add_elem" style="margin:5px 0px 5px 0px">
                        <label class="miniFont">Activame y haz click!</label>
                    </li>    
                    
                    
                    <!-- Test FancyBox -->
                    <li>
                        <br><br>
                        <input type="button" value="Test FancyBox!" onClick="openFancyBox('<?php echo $cfg->pathJs ?>/fancybox/demo/ajax.txt',true,'','');"/>
                    </li>
                    
                    <li>
                        <script>
                            var html = "<h2>Hola</h2><p>Esto parece que funciona</p>";
                        </script>
                        <input type="button" value="Test FancyBox!" onClick="openFancyBox(html);"/>
                    </li>
            </ul>

        
        
        
        
        
        
        
        
        
        
        
        <h3><a href="#">Guíame!</a></h3>
	<div>
		<p>
		                    
		</p>
	</div>
        
        
        
        
        <h3><a href="#">Otros</a></h3>
	<div>
		<p>
		                    
		</p>
	</div>
</div>
<br>
